<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">
	
	<ui:composition template="/templates/templatemor.xhtml">
	<ui:define name="pageTitle">Productos</ui:define>
	<ui:define name="pageHeader"></ui:define>
	<ui:define name="body">
	
<h:form id="edicion">
 <h:messages />
 
 <h:inputHidden value="#{productoBean.productoSeleccionado.id}" />
 
 <p:panelGrid columns="2" > 
  <f:facet name="header">Producto</f:facet>
  
  <p:outputLabel value="Stock: " />
  <p:inputText id="stockProducto" 
  value="#{productoBean.productoSeleccionado.stock}" required="true" 
  style="width: 400px;"/>
  
  <p:outputLabel value="Cod. Barras: " />
  <p:inputText id="codBarras" 
  value="#{productoBean.productoSeleccionado.barras}" required="true"
  style="width: 400px;" />
  
  <p:outputLabel value="Nombre: " />
  <p:inputText id="nombreProducto" 
  value="#{productoBean.productoSeleccionado.nombre}" required="true"
  style="width: 400px;" />
  
  <p:outputLabel value="Costo: " />
  <p:inputText id="costoProducto" 
  value="#{productoBean.productoSeleccionado.costo}" required="true"
  style="width: 400px;" />
  
  <f:facet name="footer">
  
<p:commandButton value="Guardar" action="#{productoBean.guardar}" 
update="edicion :listaProductos"/>
<p:commandButton  value="Nuevo" action="#{productoBean.nuevo}"  
update="edicion :listaProductos"/>
  
  </f:facet>
  
 </p:panelGrid>
 
</h:form>
	
<h:form id="listaProductos" >

<p:dataTable 	value="#{productoBean.lista}" 
				var="producto" 
				rendered="#{not empty productoBean.lista}"
				resizableColumns="true"
				paginator="true" rows="8">

<f:facet name="header">Lista de Productos</f:facet>

<p:column 	width="300"
 			filterBy="#{producto.nombre}" 
			headerText="Nombre" 
			filterMatchMode="contains">
<!-- <f:facet name="header">Nombre</f:facet> -->
 #{producto.nombre}
</p:column>

<p:column 	width="150"
			filterBy="#{producto.barras}" 
			headerText="Cod. Barras" 
			filterMatchMode="contains">
 <!-- <f:facet name="header">Cod. Barras</f:facet>-->
 #{producto.barras}
</p:column>

<p:column  width="100">
 <f:facet name="header">Acciones</f:facet>
 
 <h:commandLink action="#{productoBean.eliminar}" onclick="if (!confirm('Desea realmente eliminar el producto #{producto.nombre}')) return false;">
 Eliminar
  <f:setPropertyActionListener target="#{productoBean.productoSeleccionado}" value="#{producto}" />
 </h:commandLink>
-
 <h:commandLink>
 Editar
  <f:setPropertyActionListener target="#{productoBean.productoSeleccionado}" value="#{producto}" />
 </h:commandLink>
</p:column>


</p:dataTable>

</h:form>	
		</ui:define>
</ui:composition>

</html>